/* Layout */
#wrapper{width:100%;height:100%}
#header{width:100%}
#container{width:100%}	
.page_middle:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}
#side{float:left;width:240px;height:100%}
#content{float:right;width:960px;}
.page_main{height:100%}
.content_clear{clear:both}	
#footer{width:100%}
#layer_right{position:absolute;z-index:10;width:1px;height:1px;left:0;top:0}
/* Etc */
.page_width{width:1200px;margin:0 auto}
.page_menu ul{margin:0;padding:0;font-size:0}
.page_menu li{display:inline-block;*zoom:1;*display:inline;white-space:nowrap}
.page_menu_sub ul{margin:0;padding:0;font-size:0}
.page_menu_sub li{display:inline-block;*zoom:1;*display:inline;white-space:nowrap}
.navi_son_box{width:0;height:0;*display:inline;clear:both}
@media screen and (-webkit-min-device-pixel-ratio:0){.navi_son_box{overflow:auto}}
.page_menu_div{display:none;position:absolute;z-index:1000;left:0}
.page_menu_sub li{display:inline-block;*zoom:1;*display:inline}
.page_side_menu_one .box, .page_side_menu_one_a .box{position:relative;height:100%}
.page_side_menu_one .down_num, .page_side_menu_one_a .down_num{position:absolute;right:0;height:100%}
.page_side_menu_div{display:none;width:100%}
.page_side_menu_sub li{display:inline-block;*zoom:1;*display:inline;width:100%}
.url_box{height:100%}
.url_box>ol>li{display:inline-block;*display:inline;*zoom:1}
.mode_left{height:100%;float:left}
.mode_right{height:100%;float:right}
.page_down_menu ul{margin:0;padding:0;font-size:0}
.page_down_menu li{display:inline-block;*zoom:1;*display:inline;white-space:nowrap}
.page_menu_one_font,.page_menu_one_font_a{vertical-align:middle}
.page_menu_sub_one_font,.page_menu_sub_one_font_a{vertical-align:middle}

.page_tab_div{text-align:left}
.page_tab_div:after{content:"";display:block;height:0;font-size:0;clear:both;visibility:hidden}
.page_tab{display:block;float:left}
.page_tab:after{content:"";display:block;height:0;font-size:0;clear:both;visibility:hidden}
.page_tab>li{float:left}
.page_tab_one,.page_tab_one_a{position:relative;display:inline-block;*display:inline;*zoom:1}
.page_tab_one_a{z-index:1}
.page_tab_one:before,.page_tab_one_a:before{content:"";display:inline-block;*zoom:1;*display:inline;width:0;height:100%;vertical-align:middle}

/* Data */
.page_back{height:100%;}
.page_pattern{height:100%;}
.page_banner{width:100%;margin:0 auto;}
.page_up_link_box{width:1200px;margin:0 auto;}
.page_button_down{width:100%;margin:0 auto;}
.page_middle{width:1200px;margin:0 auto;margin:0 auto;}
.page_left{}
.page_main{margin:0 0 0 50px;}
.page_down_link_box{background:#222;width:100%;margin:0 auto;}
.page_down{background:#222;width:100%;margin:0 auto;}
.page_down_link_box_line1{display:none;}
.page_down_line1{display:none;}
.page_top_menu{background: url('http://vcomm.kr/m9_img/background/etc/000_alpha20.png');width:100%;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://vcomm.kr/m9_img/background/etc/000_alpha20.png',sizingMethod='crop');}
.page_main_in{padding:30px 20px 30px 20px;}
.page_up_link{margin:19px 0;}
.page_up_link_line1{display:none;}
.page_up_link_line2{display:none;}
.page_up_link_line3{display:none;}
.page_up_link_td1{font-size:0;line-height:100%;text-align:center;}
.page_up_link_td2{height:0px;}
.page_up_link_box{width:1200px;padding:0px 0px 0px 0px;margin:0 auto;}
.page_menu{display:inline-block;*zoom:1;*display:inline;white-space:nowrap;margin:20px 0;}
.page_menu_one{display:inline-block;*zoom:1;*display:inline;white-space:nowrap;height:40px;padding:0px 20px 0px 20px;text-align:center;}
.page_menu_one_a{display:inline-block;*zoom:1;*display:inline;white-space:nowrap;height:40px;padding:0px 20px 0px 20px;text-align:center;}
.page_menu_one_icon{display:none}
.page_menu_divide{display:inline-block;*zoom:1;*display:inline;white-space:nowrap;height:40px;}
.page_menu_one_divide{background: url('http://gtt_industry.mong9.com/m9_img/icon/divide/white_2x10_line.png') no-repeat;width:2px;height:10px;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://gtt_industry.mong9.com/m9_img/icon/divide/white_2x10_line.png',sizingMethod='crop');margin:0 20px;;display:inline-block;*zoom:1;*display:inline;font-size:0;vertical-align:middle;}
.page_menu_box{margin:0 auto;font-size:0;width:100%;}
.page_menu_sub{display:inline-block;*zoom:1;*display:inline;white-space:nowrap;background:rgba(0,0,0,0.4);padding:0px 10px 0px 10px;}
.page_menu_sub_one{display:inline-block;*zoom:1;*display:inline;white-space:nowrap;height:43px;padding:0px 15px 0px 15px;text-align:left;}
.page_menu_sub_one_a{display:inline-block;*zoom:1;*display:inline;white-space:nowrap;height:43px;padding:0px 15px 0px 15px;text-align:left;}
.page_menu_sub_one_icon{display:none}
.page_menu_sub_divide{display:inline-block;*zoom:1;*display:inline;white-space:nowrap;height:43px;}
.page_menu_sub_one_divide{background: url('http://gtt_industry.mong9.com/m9_img/icon/divide/white_2x10_line.png') no-repeat;width:2px;height:10px;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://gtt_industry.mong9.com/m9_img/icon/divide/white_2x10_line.png',sizingMethod='crop');;display:inline-block;*zoom:1;*display:inline;font-size:0;vertical-align:middle;}
.page_menu_div{padding:20px 0px 0px 0px;margin:20px 0 0 0;}
.page_side_menu{background:#FFFFFF url('NanumGothicBold.ttf');border:1px solid #CCCCCC;margin:0 0 10px 0;}
.page_side_menu_line1{display:none;}
.page_side_menu_line2{background:#CCCCCC;height:1px;width:100%;font-size:0;.overflow:hidden}
.page_side_menu_line3{display:none;}
.page_side_menu_line4{display:none;}
.page_side_menu_title{display:block;white-space:nowrap;background:#222222;height:130px;text-align:center;}
.page_side_menu_one{text-align:left;height:40px;padding:0px 15px 0px 15px;}
.page_side_menu_one_a{text-align:left;background:#EAEAEA;height:40px;padding:0px 15px 0px 15px;}
.page_side_menu_title_icon{display:none}
.page_side_menu_icon{display:none}
.page_side_menu_down_icon{background: url('http://boncns.mong9.com/m9_img/icon/figure/triangle_down_5x3_7c7c7c.gif') no-repeat;width:5px;height:3px;;display:inline-block;*zoom:1;*display:inline;font-size:0;vertical-align:middle;}
.page_side_menu_content{}
.page_side_menu_sub{background:#F1F1F1;border:1px solid #D9D9D9;}
.page_side_menu_sub_line1{display:none;}
.page_side_menu_sub_line2{background:#D9D9D9;height:1px;width:100%;font-size:0;.overflow:hidden}
.page_side_menu_sub_line3{display:none;}
.page_side_menu_sub_one{display:block;white-space:nowrap;text-align:left;height:30px;padding:0px 5px 0px 15px;}
.page_side_menu_sub_one_a{display:block;white-space:nowrap;text-align:left;height:30px;padding:0px 5px 0px 15px;}
.page_side_menu_sub_one_icon{background: url('http://boncns.mong9.com/m9_img/icon/figure/box_2x2_000000.gif') no-repeat;width:2px;height:10px;margin:0 5px 0 0;;display:inline-block;*zoom:1;*display:inline;font-size:0;vertical-align:middle;}
.page_side_menu_sub_box{padding:5px;}
.page_url{}
.page_url_line1{display:none;}
.page_url_line2{background:#eeeeee;height:1px;margin:0 0 10px 0;width:100%;font-size:0;.overflow:hidden}
.page_url_line{padding:15px 10px 15px 10px;text-align:left;}
.page_url_icon{display:none}
.page_down_menu{display:inline-block;*zoom:1;*display:inline;white-space:nowrap;}
.page_down_menu_one{display:inline-block;*zoom:1;*display:inline;white-space:nowrap;float:left;height:40px;padding:0px 20px 0px 20px;text-align:center;}
.page_down_menu_one_a{display:inline-block;*zoom:1;*display:inline;white-space:nowrap;float:left;height:40px;padding:0px 20px 0px 20px;text-align:center;}
.page_down_menu_divide{display:inline-block;*zoom:1;*display:inline;white-space:nowrap;float:left;height:40px;}
.page_down_menu_one_divide{background: url('http://boncns.mong9.com/m9_img/icon/divide/alpah30_2x10_line.png') no-repeat;width:2px;height:10px;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://boncns.mong9.com/m9_img/icon/divide/alpah30_2x10_line.png',sizingMethod='crop');;display:inline-block;*zoom:1;*display:inline;font-size:0;vertical-align:middle;}
.page_down_link{text-align:right;}
.page_down_menu_box{margin:0 auto;font-size:0;width:1200px;}
.page_down_menu_line{font-size:0;line-height:100%;}
.page_tab{background: url('NanumGothicBold.ttf');}
.page_tab_one{background: url('NanumGothicBold.ttf');height:35px;padding:0px 10px 0px 10px;text-align:left;margin:0 0 0 -1px;}
.page_tab_one_a,.page_tab_one:hover,.page_tab_one:focus{background:#607d8b url('NanumGothicBold.ttf');height:35px;padding:0px 10px 0px 10px;text-align:left;margin:0 0 0 -1px;}
.page_tab_one_icon{display:none}
.page_tab_divide{height:35px;}
.page_tab_one_divide{display:none}
.page_tab_div{margin:20px 0;}
.page_menu_one_font{font-size:13pt;color:#FFFFFF;}
.page_menu_one_font_a{font-size:13pt;color:#33ccff;}
.page_menu_sub_one_font{font-size:10pt;color:#FFFFFF;}
.page_menu_sub_one_font_a{font-size:10pt;color:#33CCFF;}
.page_side_menu_title_font{font-size:20pt;color:#fff;}
.page_side_menu_one_font{font-size:10pt;color:#333333;}
.page_side_menu_one_font_a{font-size:10pt;color:black;}
.page_side_menu_sub_one_font{font-size:11pt;color:#333333;}
.page_side_menu_sub_one_font_a{font-size:11pt;color:#333333;}
.page_url_font{font-size:12pt;color:#844b4b;}
.page_down_menu_font{}
.page_down_menu_font_a{}
.page_down{font-family:NanumGothic;font-size:10pt;}
.page_down_menu_one_font{font-size:10pt;color:#999999;}
.page_down_menu_one_font_a{font-size:10pt;color:#FFFFFF;}
.page_tab_one{font-size:10pt;color:#607d8b;}
.page_tab_one_a,.page_tab_one:hover,.page_tab_one:focus{font-size:10pt;color:#FFFFFF;}
.page_input1{line-height:1;}

/* 반응형 스타일 */
@media screen and (max-width:999px){
.page_width{width:100%}
.page_middle{width:100%}
.page_banner{width:100%}
.page_button_down{width:100%}
.page_down{width:100%}
.page_up_link_box{width:100%}
.page_menu_box{width:100%}
.page_down_link_box{width:100%}
.page_down_menu_box{width:100%}
#content{width:auto;float:none;overflow:hidden}
}
@media screen and (max-width:768px){
.page_up_link{margin:0}
.page_up_link_td1{text-align:center}	
.page_up_link_td2{display:none}
.page_up_link_line2{display:none}
.page_menu{display:block;white-space:normal}	


#content{width:100%;float:none;margin:0} /* margin:0 */
.page_main{margin-left:0;margin-right:0}
.page_down_link{text-align:left}	
.page_down_menu{display:block;white-space:normal}	
.mode_box{display:none} /* 보기모드 */
.navi_son_box{display:none}
}
@media screen and (max-width:683px){

#page_menu{display:none}
.page_menu>ul{display:block}
.page_menu>ul>li{display:block;width:auto}
.page_menu_one,.page_menu_one_a{display:block;text-align:left;padding-left:50px}
.page_menu_divide{display:none;float:none}

.navi_son_box{display:block;width:auto;height:auto;display:block;clear:both}
.page_menu_div{position:static}
.page_menu_sub{display:block}
.page_menu_sub>ul>li{display:block;width:auto}
.page_menu_sub_one, .page_menu_sub_one_a{display:block;text-align:left;padding-left:50px}
.page_menu_sub_divide{display:none}

#page_side_menu{display:none}
	
.page_down_menu>ul>li{width:33.2%}
.page_down_menu_one {width:100%;padding:0}
.page_down_menu_one_a {width:100%;padding:0}
.page_down_menu_divide{display:none;float:none}
.page_middle{margin:0}
.page_main{margin:0;border:none}
.page_down_link_box{display:none}

.page_url{display:none}
#side{display:none}

}

@media screen and (max-width:439px){
/* .page_menu li{width:49.99999%} */
.page_down_menu li{width:49.99999%}
.page_main_in{padding:15px 10px 15px 10px}
}












/* User Value */
/* .page_menu_sub{display:none} */
.board_total_box th, .board_total_box td {border-top:0;}
.board_total_box th.title, .board_total_box td.title{padding:0;}
.page_top_menu{padding: 0px 0;}
/* .page_menu_sub{background: rgba(65,65,65,0.6);} */
/* #footer .gnb {border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;background-color: #f5f5f5;} */
/* #footer .gnb .page_down_link_box .page_down_link_box_line1{height:0;} */
#footer .page_down .page_down_line1{height:0;}
/* #footer .gnb .page_down_menu ul li:first-child span{padding-left:0;} */

/* .page_button_down{display:none} */
.page_pattern{background-attachment:fixed}
/* #container{background:#fff} */
.page_url_font{margin-left:20px;color:#888}
.page_side_menu_title_font{vertical-align:middle}
#header{background:rgba(0,0,0,0.2);border-bottom:1px solid rgba(0,0,0,0.3)}



/* 0311 */

#layer_right {left:auto !important;right:100px !important;width:200px;margin-top:200px;z-index:105;}

.page_down {background:transparent}
.swiper-container {width:1200px;margin-bottom:30px !important}
.swiper-button-next, .swiper-button-prev {display:none}
.swiper-pagination {display:none;}

#layer_search {
position: fixed;
bottom: 200px;
right: 50px;
width: 50px;
height: 50px;
text-align: center;
opacity: 0.8;
z-index: 99;

}
#layer_search a {float:left}
#layer_search a img {width:36px;height:36px}


.modaltrigger {
background:#000;
width:50px;
height:50px;
line-height:1;
padding-top:5px}


/* 하단컨텐츠 */
.con100_color_bg2 {
    position: relative;
    float:left;
    width:100%;
    height: 300px;
    padding:34px 0 0 0;
    background:#f7f8fa;
    border-top:1px solid #e1ecf2;
    border-bottom:1px solid #e1ecf2;
}
.con100_color_bg2 header {}
.con100_color_bg2 h2 {
    margin-top: 50px;
    margin-bottom: 60px;
    font-size: 20px;
    font-weight:normal;
}
.con100_color_bg2 .inner {width:1200px;height:200px;margin:0 auto;padding:0 20px}
.box1200 {}
.box1200 h2 {}
.box1200 .box1200_1 {float:left;width:400px;background:url(/m9_data/user_page/img/bottom_img.png) no-repeat;height:200px;background-position:left -60px}
.box1200 .box1200_1 img {}
.box1200 .box1200_2 {float:left;width:350px;padding:15px 0}
.box1200 .box1200_2 h3 {font-size:16px;font-weight:normal;margin-bottom:20px}
.box1200 .box1200_2 h4 {font-size:24px;margin-bottom:50px;font-weight:normal}
.box1200 .box1200_2 p {
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -.1px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 49px;
    line-height: 125%;
}

.box_float {float:left;width:340px;height:200px;border-left:1px solid #e1ecf2;padding:10px 0;position:relative}
.box_float span {text-align:center;display:block;background:#dce4f5;width:120px;height:120px;line-height:1;border-radius:50%;position:relative;margin-left:100px}
.box_float span img {position:absolute;width:80px;top:40px;left:20px}

.box_float p {text-align:center;margin-top:20px;display:block;font-size:30px;font-weight:normal;color:#2568a8;}
.box1200 .box_number {display:none}



.content_btn{
    display:inline-block;
    padding:1em 4em;
    color:#fff;
    background:rgba(14, 89, 159, 0.9);
    text-align:center;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease
}
.content_btn:hover,.content_btn:focus{
    background:#000; 
    color:#fff;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease
}
.content_btn2{border:1px solid #000; color:#000}
.content_btn2:hover,.content_btn2:focus{background:#000; color:#fff}



/* footer */
.footer-copy {padding:50px 0;background:#f1f1f1;color:#8a8a8a}














@media screen and (max-width:683px){

/*.page_middle {padding:30px 0 80px 0}*/

.page_menu_sub{display:block}
.page_url{display:none}
.page_up_link_box{margin:0}
.page_menu_div{margin:0}
.page_menu{margin:0}
.page_up_link_line1{display:none}
.page_menu_one_a{background-image:none}
.page_menu_one_font_a{color:#d85757}


.swiper-container {width:100%;}



#layer_search {bottom:0;right:0;}
#layer_search a img {width:30px}


.con100_color_bg2 {height:190px;padding-top:15px}
.con100_color_bg2 h2 {}
.con100_color_bg2 .inner {width:100%}
.box1200 {text-align:center}
.box1200 .box1200_1 {float:none;width:100%;background-position:center;display:none}
.box1200 .box1200_1 img {display:none}
.box1200 .box1200_2 {float:none;width:100%;padding:0}
.box1200 .box1200_2 h3 {margin-bottom:5px}
.box1200 .box1200_2 h4 {margin-bottom:10px;font-size:16px;color:#888}
.box1200 .box1200_2 p {}

.box_float {display:none}
.box1200 .box_number {display:block;font-size:30px;margin-bottom:10px;color:#2568a8;font-style:italic;font-weight:bold}

}






@media screen and (max-width:439px){
.page_main_in{padding:10px}
}